

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layuiAdmin 网站用户</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
  <style>
    .layui-nav-tree{
      width: 90px;
      padding: 0 ;
    }
    .layui-nav-tree .layui-nav-item a{
      height: 30px;
      line-height: 33px;
    }
    .layui-nav{
      border-radius: 0px;
      background-color：#4288ce;
    }
  </style>
</head>
<body>
  <div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-form layui-card-header layuiadmin-card-header-auto">
        <div class="layui-form-item">
          <div class="layui-inline">
            <label class="layui-form-label">姓名</label>
            <div class="layui-input-block">
              <input type="text" name="e_name" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">手机号</label>
            <div class="layui-input-block">
              <input type="text" name="mobile" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">认证状态</label>
            <div class="layui-input-inline">
              <select name="expert_auth" lay-verify="required" lay-search="">
                <option value="10">-全部-</option>
                <option value="2">待审核</option>
                <option value="-1">已驳回</option>
              </select>
            </div>
          </div>
          <br>
          <div class="layui-inline">
            <label class="layui-form-label">开始日期</label>
            <div class="layui-input-block">
              <input type="text" name="s_time2" id="s_time2" placeholder="请输入开始时间" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">结束日期</label>
            <div class="layui-input-block">
              <input type="text" name="e_time2" id="e_time2" placeholder="请输入截止时间" autocomplete="off" class="layui-input">
            </div>
          </div>


          <div class="layui-inline">
            <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
            </button>
          </div>
        </div>
      </div>

      <div class="layui-card-body">
        <div style="padding-bottom: 10px;">
          <!--<button class="layui-btn layuiadmin-btn-useradmin" data-type="batchdel">删除</button>-->
          <!--<button class="layui-btn layuiadmin-btn-useradmin" data-type="add">添加</button>-->
        </div>
       <table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
        <script type="text/html" id="imgTpl">
          <img style="display: inline-block; width: 50%; height: 100%;" src= {{ d.avatar }}>
        </script>
        <script type="text/html" id="LAY-user-manage">
          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
          <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
        </script>
        <script  type="text/javascript"  src="" ></script>
      </div>
    </div>
  </div>
  <script src="../../../layuiadmin/layui/layui.js"></script>
  <script src="../../../layuiadmin/layui/layui.all.js"></script>
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <script>

      layui.use(['form', 'laydate',"upload","jquery"], function(){
          laydate = layui.laydate;
          laydate.render({ //发布时间
              elem: '#s_time2'
              ,type: 'datetime'
          });
          laydate.render({ //发布时间
              elem: '#e_time2'
              ,type: 'datetime'
          });
      });
  function timeStamp2String(time){
	    var datetime = new Date();
	    datetime.setTime(time);
	    var year = datetime.getFullYear();
	    var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
	    var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
	    var hour = datetime.getHours()< 10 ? "0" + datetime.getHours() : datetime.getHours();
	    var minute = datetime.getMinutes()< 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
	    var second = datetime.getSeconds()< 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
	    return year + "-" + month + "-" + date+" "+hour+":"+minute+":"+second;
	}
  //table 渲染
  layui.use(['table'], function(){
    var $ = layui.$
    ,form = layui.form
    ,table = layui.table;
    var tableIns = table.render({
        elem: '#LAY-user-manage',
        //后台api数据
        url : "{:url('aut_expert_list?op=table')}",
        cellMinWidth : 95,
        page : true,
        height : "full-125",
        limits : [10,40,100,500,1000],
        limit : 10,
        id : "LAY-user-manage",
        cols : [[
//            {checkbox: true},
            {field: 'e_id', title: 'id', minWidth:100, align:"center"},
            {field: 'e_name', title: '专家姓名', align:'center',minWidth:50},
            {field: 'mobile', title: '电话', align:'center',minWidth:50},
            {field: 'name', title: '擅长类目', align:'center'},
            {field: 'expert_auth', title: '状态', align:'center',minWidth:70},
            {field: 'create_time', title: '日期', align:'center'},
            {field: '', title: '操作', align:'center',templet:function(d){
                if(d.expert_auth=='待审核'){
                    return  '<a onclick="expert_look('+d.id+',this)"  data-href="expert_look?uid='+d.uid+'&certificate_img='+d.certificate_img+'&company_img='+d.company_img+'" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">审核</a>';
                }else{
                    return  '<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">已驳回</a>';
                }
                }},
        ]]
    });
      console.log(tableIns);
    //监听搜索
    form.on('submit(LAY-user-front-search)', function(data){
      var field = data.field;
     console.log(field);
      //执行重载
        table.reload('LAY-user-manage',{
            url: "{:url('aut_expert_list?op=table')}",
            where : field,
            done: function(res, curr, count){
                //如果是异步请求数据方式，res即为你接口返回的信息。
                //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                console.log(res);
                //得到当前页码
//                console.log(curr);
                //得到数据总量
//                console.log(count);
            }
        });
    });
  
    //事件
    var active = {
      batchdel: function(){
        var checkStatus = table.checkStatus('LAY-user-manage')
        ,checkData = checkStatus.data; //得到选中的数据



        if(checkData.length === 0){
          return layer.msg('请选择数据');
        }
        
        layer.prompt({
          formType: 1
          ,title: '敏感操作，请验证口令'
        }, function(value, index){
          layer.close(index);
          
          layer.confirm('确定删除吗？', function(index) {
            
            //执行 Ajax 后重载
            /*
            admin.req({
              url: 'xxx'
              //,……
            });
            */
            table.reload('LAY-user-manage');
            layer.msg('已删除');
          });
        });
      }
      ,add: function(){
        layer.open({
          type: 2
          ,title: '添加用户'
          ,content: 'userform.html'
          ,maxmin: true
          ,area: ['500px', '450px']
          ,btn: ['确定', '取消']
          ,yes: function(index, layero){
            var iframeWindow = window['layui-layer-iframe'+ index]
            ,submitID = 'LAY-user-front-submit'
            ,submit = layero.find('iframe').contents().find('#'+ submitID);

            //监听提交
            iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
              var field = data.field; //获取提交的字段
              
              //提交 Ajax 成功后，静态更新表格中的数据
              //$.ajax({});
              table.reload('LAY-user-front-submit'); //数据刷新
              layer.close(index); //关闭弹层
            });  
            
            submit.trigger('click');
          }
        }); 
      }
    };



    $('.layui-btn.layuiadmin-btn-useradmin').on('click', function(){
      var type = $(this).data('type');
      console.log(type);
      active[type] ? active[type].call(this) : '';
    });
  });
  //审核
 function expert_look(id,obj){
          layer.open({
              type: 2
              ,title: '查看'
              ,content: $(obj).attr('data-href')
              ,maxmin: true
              ,area: ['100%', '100%']
          })
  }


  </script>
</body>
</html>
